<html xmlns:th="http://www.thymeleaf.org">
<div th:fragment="form">
    <input type="hidden" name="id" id="id" th:value="${authorInstance.id}"/>
    <input type="hidden" name="version" id="version" th:value="${authorInstance.version}"/>
    
    <div class="row">
        <div class="col-md-12">
            
            <div class="form-group">
                <input type="number" class="form-control" name="age" 
                       id="inputAuthor-age" th:value="${authorInstance.age}">
                <span class="form-bar"></span>
                <label for="inputAuthor-age" th:text="#{author.age.label}">age</label>
            </div>
            
            <div class="form-group">
                <input type="text" class="form-control" name="name" required
                       id="inputAuthor-name" th:value="${authorInstance.name}">
                <span class="form-bar"></span>
                <label for="inputAuthor-name" th:text="#{author.name.label}">name</label>
            </div>
            
            <div class="form-group">
                <input type="text" class="form-control datepicker" name="birthday" 
                       id="inputAuthor-birthday" th:value="${authorInstance.birthday}">
                <span class="form-bar"></span>
                <label for="inputAuthor-birthday" th:text="#{author.birthday.label}">birthday</label>
            </div>
            
        </div>
    </div>
</div>
<div th:fragment="show">

    <div class="form-group-separated">
        <div class="form-group">
            
            <div class="form-group">
                <label class="col-md-4 col-xs-5 control-label" th:text="#{author.age.label}">age</label>
                <div class="col-md-8 col-xs-7"><label th:utext="${authorInstance.age}"/></div>
            </div>
            
            <div class="form-group">
                <label class="col-md-4 col-xs-5 control-label" th:text="#{author.name.label}">name</label>
                <div class="col-md-8 col-xs-7"><label th:utext="${authorInstance.name}"/></div>
            </div>
            
            <div class="form-group">
                <label class="col-md-4 col-xs-5 control-label" th:text="#{author.birthday.label}">birthday</label>
                <div class="col-md-8 col-xs-7"><label
                        th:utext="${#dates.format(authorInstance.birthday,'yyyy-MM-dd')}"/></div>
            </div>
            
        </div>

    </div>

</div>